<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>hello vue</title>
<style type="text/css">

</style>
</head>
<body>





<div id="app">

  


  
</div>









<br>
<script src="vue.js"></script>
<script src="vue-router.js"></script>
<script type="text/javascript">

var login = {
	template: '<h1>这是登录组件</h1>'
}


var  vm= new Vue({
  el: '#app',

  data: {
  	 
  },

  methods:{},

 // render是一个属性，里面的参数是一个方法，调用它能够把指定的组件模板渲染为html结构 
 render:function(creatEl){
 		var html = creatEl(login)
 		return html
  	},

  

  components:{
  	login
  }

})





</script>

	
</body>
</html>